<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" href="css/default.css" />
</head>
<body>
<a id="IdForTopXingMingImg"></a>
<div class="calendar" id="calendarWrap">
	<div class="calendar-nav">
    	<div class="nav-left">
        	<a id="lastMonth"></a>
            <span id="calendarTittle">2014年7月</span>
            <a id="nextMonth"></a>
        </div>
        <div class="nav-right"><strong id="curPlanDay"><?php echo date("d"); ?></strong>号计划概览</div>
        <a class="write-note"><strong>添加工作日志</strong></a>
    </div>
    <div id="contentWrap">
    	<div class="content-left">
        	<ul class="date-wrap" id="dateWrap"></ul>
            <div class="export-wrap"><a id="exportMonthNote">导出当月工作日志</a></div>
        </div>
        <div class="content-right" id="contentRight">
            <div class="no-plan">该日暂无计划</div>
            <div class="add-calendar-wrap">
            	<a class="add-note">添加计划</a>
                <a class="upload-date-gray">保存更新</a>
            </div>
            <div class="calendar-input-wrap">
                <input type="text" class="calendar-input" />
            </div>
        </div>
        <div id="configPanel">
        	<div class="panel-shadow"></div>
        	<ul>
            	<li class="configPanel-li"><a class="del-note">删除该计划</a></li>
            	<li class="configPanel-li">
                	<h1 class="repeat-set">循环设置</h1>
                	<ul class="repeat-date">
                        <li><i class="check-cancel"></i><label class="not-repeat">每<input type="text" autocomplete="off" class="repeat-num">小时</label></li>
                        <li><i class="check-cancel"></i><label class="not-repeat">每<input type="text" autocomplete="off" class="repeat-num">天</label></li>
                        <li><i class="check-cancel"></i><label class="not-repeat">每<input type="text" autocomplete="off" class="repeat-num">周</label></li>
                        <li><i class="check-cancel"></i><label class="not-repeat">每<input type="text" autocomplete="off" class="repeat-num">月</label></li>
                    </ul>  
                    <a class="skip-curWarn">取消该次提醒</a>  
                </li>
                <li class="configPanel-li">
                	<h1 class="alarm-model">提醒方式</h1>
                	<ul class="repeat-date">
                        <li><i class="alarm-cancel"></i><span class="not-repeat">短&nbsp;&nbsp;信</span></li>
                        <li><i class="alarm-ok"></i><span class="repeat-model">系统消息</span></li>
                    </ul>    
                </li>
                <li class="configPanel-li"><i class="panel-tip">点击小齿轮关闭该面板</i></li>
            </ul>
        </div>
    </div>
</div>
<div class="remind-wrap">
	<div class="title">
    	<span class="title-name">计划提醒：</span>
        <span id="titleTime">18:25</span>
    </div>
    <div class="content">
    	<div id="planContent">测试消息测试消息测试消息测试消息测试消息测试消息测试消息测试消息测试消息测试消息</div>
    </div>
    <div class="button-wrap">
    	<a id="buttonOk">知道了。</a>
    </div>
</div>
<div class="note-wrap">
	<div class="title">
    	<h3>不积跬步，无以至千里</h3>
    </div>
    <div class="content">
    	<textarea id="contentArea" autocomplete="off"></textarea>
    </div>
    <div class="foot">
    	<a id="saveNote">添加完毕，保存</a>
        <a id="cancelNote">关闭，不保存</a>
    </div>
</div>
<div class="introduction">
<p><strong>项目简介：</strong>一个简单的基于node和mongodb的日历计划提醒项目</p>
<p><strong>功能简介：</strong><p>
<p style="margin-left:80px;">
1，基于多用户平台搭建，数据存储均是基于用户id设计；<br />
2，用户可以添加日工作日志和导出月工作日志。<br />
3，用户可以取消未执行且循环的某条计划；<br />
4，用户可以删除已执行或未执行的计划。<br />
</p>
<p><strong>使用说明：</strong></p>
<p style="margin-left:80px;">
	1，希望你已经有node和mongodb，可以直接把app.js放在node下面执行。若没有请自行百度;<br />
	2，app.js里面的init函数被通过调度在每天00:02分的时候被执行以添加新一天的调度;<br />
    3，若用户同时打开平台的多个页面，以最后的focus页面发送消息；<br />
    4，若全都blur了就都发，用户在focus后对任意页面的确认都将触发一个取消其他页面提醒的消息；<br />
    5,需要手动在index.html中指定socket的路径；
    6,跨域请在app.js中response.writeHead(200, {'Content-Type': 'text/plain', 'Access-Control-Allow-Origin':'node路径'});指定node路径.
    7,以当前year:month:day h:m为界做如下规定：<br />
</p>
<p style="margin-left:120px;">1)，新增计划在当前时间之后，则直接以新添时间制定计划；<br />
   2)，新增计划在当前时间上，则立刻执行该新增计划；<br />
   3)，新增计划在当前时间之前且不循环，只在该计划对应的日期时间上添加一条记录，可以理解为用户新增的一个事件记录;<br />
   4)，新增计划在当前时间之前且循环，在该计划对应的时间上添加一个记录，并添加以当前时间为准的下一次执行计划；<br />
   5)，上述规则同样适用于对已有计划的时间、循环方式、循环周期的修改。<br />
</p>
<p><strong>联系方式：</strong>QQ:775486560  邮箱:wskgeqshe@126.com</p>
</div>
<script src="socket.io.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
	usrId = 11144;//调试方便这里放个工号
</script>
</body>
</html>
